* {
  padding: 0;
  margin: 0;


}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*:focus { outline: none;}
body { font-family: "Microsoft yahei", Arial, sans-serif;}
ul,ol { list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none;
}

#totop { width: 40px;height: 40px;background: url(../images/top.png) no-repeat;background-size: contain;position: fixed;right: 20px;bottom: 40px;z-index: 555;cursor: pointer;display: none;}

#totop:hover { background: url(../images/top2.png) no-repeat;background-size: contain;}

.left { float: left;}
.right { float: right;}
#top { height: 30px;background: #0185e0;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}
#top .left { height: 46px;display: inline-flex;line-height: 46px;}
#top .left span { font-size: 12px;color: #fff;display: inline-block;margin-left: 12px;line-height: 30px;}
#top .left .glyphicon-earphone { color: #fff;font-size: 16px;line-height: 30px;margin-left: 0;}
#top .top { overflow: hidden;}
#top .right a { height: 30px;display: inline-block;line-height: 30px;margin-left: -5px;}
#top .right a span { color: #fff;border-left: 1px solid #3ea2e7;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;padding: 0 12px;}
#top .right a:hover { background: #3ea2e7;}
#top .right .nbl { border-left: none;}


#pcNav { height: 75px;width: 100%;z-index: 1000;background: #fff;position: absolute;top: 0;left: 0;}
#pcNav .container { position: relative;}
#logo { display: inline-block;float: left;margin-top: 5px;position: absolute;left: 0;}
#pcNav nav { float: right;}
#pcNav nav>ul { display: inline-flex;margin-bottom: 0;}
#pcNav nav>ul>li { float: left;height: 75px;line-height: 70px;box-sizing: border-box;}
#pcNav nav>ul>li a { color: #434343;height: 75px;display: block;font-size: 14px;border: 1px solid transparent;padding: 0 10px;box-sizing: border-box;}
#pcNav nav>ul>li.active a ,#pcNav nav>ul>li:hover a{background: #03c5a9;color: #fff;}


/* 手机导航 */
#mbNav { height: 80px;background: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
#mbNav .container {position: relative;}


#slogo { display: inline-block;margin-top: 12px;}
#slogo img { width: 100%;}
.hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99;
}
.hamburger .line{
  width: 40px;
  height: 3px;
  background-color: #333;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
  background: #0185e0;
}

.hamburger{
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger.is-active{
  -webkit-animation: smallbig 0.6s forwards;
  animation: smallbig 0.6s forwards;
}

@-webkit-keyframes smallbig{
  0%, 100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50%{
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes smallbig{
  0%, 100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50%{
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.hamburger.is-active .line {
  background: #0185e0;
}
/*.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(2),
.hamburger.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}*/

.hamburger.is-active .line:nth-child(2){
  opacity: 0;
}

.hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.mbNav {
  background: #fff;
  position: absolute;
  top: 80px;
  left: 100%;
  width: 100%;
  z-index: 98;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 50px;
  -webkit-animation: leftIn .2s;
          animation: leftIn .2s;

  border-top: 2px solid #d1d1d1;
  height: 150vh;
}

.mbNav.cli {
  -webkit-animation: leftIn .2s;
          animation: leftIn .2s;
}
.mbNav dl { margin-bottom: 0;}
.mbNav dl dt{
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #d1d1d1;
  height: 40px;
  line-height: 40px;
  position: relative;
  background: url(../images/down.png) no-repeat 100% center;
  background-size: 18px 10px;
}
.mbNav dl dt.cli { border-bottom: none;background: url(../images/up.png) no-repeat 100% center;background-size: 18px 10px;}
.mbNav dl dd {
  display: none;
  font-weight: normal;
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
  background: #efefef;
  padding-left: 20px;padding-top: 5px;padding-bottom: 5px;

}

.mbNav dl dd a{
   font-size: 14px;
   color: #666;
   display: block;

}

.lay { width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 55;display: none;}



/* banner */
.idxSlider { height: 80vh;overflow: hidden;margin-bottom: 0;position: relative;}
.idxSlider .swiper-container,.idxSlider .swiper-slide a { height: 100%;display: block;}
.idxSlider .swiper-slide a{background-repeat: no-repeat;background-position: center center;background-size: cover;display:inline-block;width: 100%;color: #0185e0;position: relative;}
.idxSlider .swiper-slide .text { position: absolute;left: 28%;bottom:20%;}
.idxSlider .text h2 { font-size: 36px;font-weight: 700;margin-top: 10px;color: #03c5a9;}
.idxSlider .text h2::before { content: '';width: 46px;height: 5px;background: #03c5a9;position: absolute;top: -20px;left: 0;margin-bottom: 0px;}

.idxSlider .text span { width: 470px;height: 36px;background: url(../images/span.png) no-repeat;display: inline-block;margin-top: 35px;background-size: contain;}
.idxSlider .text p { font-size: 24px;color: #03c5a9;}
.swiper-pagination { bottom: 20px;left: 50%;transform: translateX(-50%);}
.swiper-pagination span { margin: 0 5px;width: 15px;height: 15px;box-shadow: 0 2px 5px rgba(0,0,0,.2);background: #fff;opacity: 1;}
.swiper-pagination span.swiper-pagination-bullet-active { background: #03c5a9;}
/* 三类药 */
.medicine { overflow: hidden;}
.medicine .content>div { height: 20vh;position: relative;float: left;}
.medicine .part1 {background-repeat: no-repeat;background-position: right bottom;width: 50%;background-size: cover;}
.medicine .part3,.medicine .part2 {background-repeat: no-repeat;background-position: right bottom;width: 25%;background-size: cover;}
.medicine .content>div .text {top: 65px;color: #fff;position: absolute;}
.medicine .content>div .text h1 { font-size: 24px;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.3);width: 200px;margin-bottom: 18px;margin-top: 0;}
.medicine .content>div .text h1 span { width: 26px;height: 26px;background: url(../images/indexPng11.png) no-repeat;background-size: contain;display: inline-block;vertical-align: bottom;margin-right: 15px;}
.medicine .part1 .text { left: 28%;}
.medicine .content>div .text a { color: #fff;text-decoration: underline;}
/*.medicine .content>div:hover h1 span { margin-bottom: -10px;}*/
.medicine .part2 .text ,.medicine .part3 .text { left: 30px;}



/* 研发中心 */
.reCenter { padding: 50px 0 70px 0;background: #fff;background-repeat: no-repeat;background-size: contain;background-position: left top;}
.reCenter .left { padding-bottom: 100px;width: 276px;position: relative;}
.reCenter .left .img { width: 100%;}
.reCenter .left .pimg { position: absolute;bottom: 0;right: -120px; background-repeat: no-repeat;background-position: right center;height: 196px;width: 340px;background-size: cover;}
.reCenter .left .text { position: absolute;top: 75px;left: 50px;}
.reCenter .left p { color: #fff;font-size: 18px;font-weight: lighter;}
.reCenter .left .text span { width: 45px;height: 28px;background: url(../images/indexPng05.png) no-repeat;background-size: contain;display: inline-block;margin-top: 20px;}
.reCenter .right { width: 60%;position: relative;}
.reCenter .right h1 {font-size: 36px;color: #03c5a9;font-weight: 700;margin-top: 0;}
.reCenter .right h4 { padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 0;color: #434343;font-size: 18px;font-weight: bold;}
.reCenter .right .text { padding-right: 50px;width: 88%;color: #7d7d7d;line-height: 22px;letter-spacing: 1px;border-right: 1px solid #e5e5e5;padding-top: 10px;position: relative;}
.reCenter .right .text p { color: #7d7d7d;text-align: justify;}

.reCenter .right .text .msg p:last-child { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.reCenter .right a {display: inline-block;padding: 5px 25px;border: 1px solid #03c5a9;border-radius: 30px;margin-top: 40px;position: absolute;left: 0;bottom: -60px;color: #03c5a9;}
.reCenter .right a i { font-style: normal;letter-spacing: -4px;-webkit-transition: none;
   -moz-transition: none;
    -ms-transition: none;
     -o-transition: none;
        transition: none;}
.reCenter .right a:hover { background: #03c5a9;color: #fff;}
.reCenter .four {position: absolute;right: 0;}
.reCenter .four img { display: block;margin-top: 15px;margin-bottom: 60px;}

/* 质量理念 */
.ourQuality { overflow: hidden;}
.ourQuality .left,.ourQuality .right { width: 50%;padding-top: 516px;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.ourQuality .left img,.ourQuality .right img { width: 100%;display: block;}
.ourQuality .right { position: relative;}
.ourQuality .right .text { position: absolute;top: 50%;left: 80px;color: #fff;width: 62%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}
.ourQuality .right .text h1 { font-size: 28px;font-weight: normal;}
.ourQuality .right .text i,.sonCompony em{ width: 45px;height: 28px;background: url(../images/indexPng05.png) no-repeat;background-size: contain;display: block;margin: 20px 0;}
.ourQuality .right .text p { line-height: 22px;}
.ourQuality .right .text ul { display: flex;margin: 20px 0;margin-left: -45px;}
.ourQuality .right .text ul li { flex:1;text-align: center;}
.ourQuality .right .text ul li span { display: inline-block;width: 68px;height: 68px;background: url(../images/indexPng08.png) no-repeat;background-size: contain;margin-bottom: 10px;}
.ourQuality .right .text ul li:nth-child(2) span {background: url(../images/indexPng09.png) no-repeat;background-size: contain; }
.ourQuality .right .text ul li:nth-child(3) span {background: url(../images/indexPng10.png) no-repeat;background-size: contain; }
.ourQuality .right .text a,.mediService .left a { padding: 5px 20px;color: #fff;border: 1px solid #fff;border-radius: 30px;margin-top: 10px;display: inline-block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.ourQuality .right .text a s,.mediService .left a i { font-style: normal;text-decoration: none;margin-left: 5px;letter-spacing: -4px;}
.ourQuality .right .text a:hover{ background: #fff;color: #03c5a9;}

/* 医疗服务 */
.mediService { background-repeat: no-repeat;background-position:  center top;padding: 80px 0;}
.mediService .left,.mediService .right { width: 50%;}
.mediService .right img { width: 100%;}
.mediService .left { padding-right: 80px;}
.mediService .left h1 { font-size: 28px;color: #03c5a9;}
.mediService .left span { width: 45px;height: 28px;background: url(../images/indexPng06.png) no-repeat;background-size: contain;display: inline-block;margin: 10px 0;}
.mediService .left p { line-height: 22px;color: #666;margin-bottom: 0;}
.mediService .left a {border-color:#03c5a9;color: #03c5a9;margin-top: 30px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.mediService .left a:hover { background: #03c5a9;color: #fff;}



/* 集团子公司 */
.sonCompony { height: 460px;background-repeat: no-repeat;background-size: cover;background-position: center center;overflow: hidden;}
.sonCompony h1 { font-size: 30px;text-align: center;color: #fff;margin-top: 40px;letter-spacing:2px ;}
.sonCompony em { margin: 20px auto;}
.sonCompony .comslider { z-index: 55;}
.sonCompony .slick-slide { }
.sonCompony ol { margin-top: 20px;}
.sonCompony ol li { margin-bottom: 40px;width: 75%;}
.sonCompony a { color: #fff;padding-bottom: 15px;display: block;border-bottom: 1px solid #fff;}
.sonCompony a span { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.sonCompony a i { width:20px;height:20px;background: url(../images/indexPng07.png) no-repeat right center;background-size: contain;display: inline-block;padding-left: 55px;border-left: 1px solid #fff;float: right;box-sizing: content-box;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.sonCompony .slick-dots li { border-radius: 50%;}
.sonCompony a:hover i { background-position: 20% center;}
.sonCompony .slick-dots button::before { display: none;}
.sonCompony .slick-dots li.slick-active button { background: #fff;}
.sonCompony .slick-dots button { width: 14px;height: 14px;z-index: 55;border: 2px solid #fff;border-radius: 50%;}

















/* 底部 */
#foot { background: #235084;padding: 40px 0 0 0;}
#foot .nav { overflow: hidden;}
#foot dl { float: left;color: #fff;}
#foot dl dt { font-size: 16px;font-weight: normal;font-weight: 500;margin-bottom: 20px;}
#foot dl+dl { margin-left: 6.4%;}
#foot dl dd { margin-bottom: 10px;}
#foot dl dd a { color: #fff;font-size: 12px;}
#foot dl dd a:hover { text-decoration: underline;}
#foot>.container { position: relative;padding-bottom: 30px;overflow: hidden;}
#foot .ewm { position: absolute;bottom: 0;right: 7%;color: #fff;font-size: 13px;}
#foot .ewm .left { margin-right: 10px;text-align: center;}
#foot .ewm .left img { display: inline-block;}
#foot .ewm .left p { margin-top: 15px;color: #fff;font-size: 12px;}
#foot .ewm .right p { color: #fff;font-size: 12px;}
#foot .copy { border-top: 1px solid #0f8a76;margin-top: 20px;color: #fff;padding-top: 20px;color: #235084;padding-bottom: 20px;}
#foot .copy .left a{ color: #fff;padding-right: 20px;font-size: 12px;}
#foot .copy .left a+a { border-left: 1px solid #fff;padding-left: 20px;}
#foot .copy .right p { color: #fff;font-size: 12px;margin-bottom: 0;}








































/*  */
@media (min-width: 1601px) {
  .idxSlider { height: 85vh;}
  .medicine .content>div { height: 15vh;}
  .medicine .content>div .text { top: 35px;}
}

@media (min-width: 1200px) {
  .container { width: 1170px!important;}
}
@media (min-width: 992px){
  .container { width: 100%;}
}
@media (min-width: 768px){
  .container { width: 100%;}
  #mbNav,#foot .mbnav { display: none;}
}



@media (max-width: 1440px){
  .medicine .part1 .text { left: 10vw;}
}
@media (max-width: 1366px){
  .medicine .part1 .text { left: 8vw;}
}
@media (max-width: 1280px){
  .medicine .part1 .text { left: 5vw;}
}

@media (max-width: 1120px){
  .medicine .part1 .text { left: 1.5vw;}
  .reCenter .left .pimg { width: 280px;right: -30px;}
}






  #logo{ -webkit-transform: scale(.7);
     -moz-transform: scale(.7);
      -ms-transform: scale(.7);
       -o-transform: scale(.7);
          transform: scale(.7);}





@media (max-width: 1600px){
  /*.medicine .content>div .text h1 { width: 150px;}*/
  /*.medicine .content>div { height: 150px;}*/
  .medicine .content>div .text { top: 20px;}

}
@media (max-width: 1366px) {
  .ourQuality .left, .ourQuality .right { padding-top: 425px;}

}

@media (max-width: 1280px){
  .ourQuality .right .text { left: 30px;width: 90%;}
}
@media (max-width: 1200px){
  #foot dl+dl { margin-left: 4%;}
}
@media (max-width: 1128px) {
  .reCenter .right .text a { margin-top: 18px;}
  .mediService .left h1 { margin-top: 0;font-size: 24px;}
  .mediService .left span {margin: 5px 0;}
  .mediService .left p { line-height: 22px;}
  .mediService .left { width: 45%;}
  .mediService .right { width: 55%;}
  .sonCompony ol li { width: 90%;}
  #pcNav nav>ul>li a { padding: 0 5px;}

}
@media (max-width: 1082px) {
  .reCenter .four img { margin-top: 35px;}
}

@media (min-width: 1024px) and (max-height: 530px) {
  .medicine .content>div .text  { top: 10px;}
  .medicine .content>div .text h1 { font-size: 16px;margin-bottom: 5px;}
  .medicine .content>div .text h1 span { width: 20px;height: 20px;}
}

@media (min-width: 1024px) and (max-height:420px) {
  .medicine .content>div .text  { top: 10px;}
  .medicine .content>div .text h1 { font-size: 16px;margin-bottom: 5px;}
  .medicine .content>div .text h1 span { width: 20px;height: 20px;}
}


@media (max-width: 1024px){
  #pcNav nav>ul>li { margin-left: 10px;}
  .idxSlider .swiper-slide a { background-position: 60% center;}
  .idxSlider .swiper-slide .text { left: 6%;}
  .medicine .part1 { float: none;width: 100%;}
  .medicine .part2,.medicine .part3 {width: 50%;}
  .medicine .part1 .text{ left: 30px;}
  .ourQuality .left, .ourQuality .right { width: 100%;float: none;}
  .ourQuality .right .text { left: 30px;width: 50%;}
  .reCenter .right .text .msg { height: 265px;overflow: hidden;}
  .reCenter .right .text a { margin-top: 55px;}
  .reCenter .right .text { width: 86%;border-right: none;padding-right: 10px;}
  .reCenter .four img { margin-bottom: 40px;}
  .reCenter .right a { bottom: -88px;  }

}

@media (max-width: 992px){
  #foot dl dt { font-size: 16px;}
  #foot .copy .left a+a { padding-left: 10px;}
  #foot .copy .left a { padding-right: 10px;font-size: 12px;}
  #foot .copy .right p { font-size: 12px;}
  #pcNav nav>ul>li a{ font-size: 14px;}
  #pcNav nav>ul>li { margin-left: 0;}
  .sonCompony ol li i{ width: 18px;height: 18px;}
  .sonCompony a span{ font-size: 14px;}
}
@media (max-width: 900px) {
  .reCenter .right { width: 54%;}
   #logo{ width: 150px;top: 5px;left: 0;}
   #logo img{ width: 100%;}
}
@media (max-width: 820px){
  #foot dl+dl { margin-left: 3%;}
  #pcNav nav>ul>li a { padding: 5px 6px;}
  .ourQuality .right .text a { margin-top: 0;}
  .sonCompony ol li i { padding-left: 35px;}
  .sonCompony ol li a:hover i { background-position: 20% top;}
  #pcNav nav>ul>li a { font-size: 12px;}
  

}

@media (max-width: 767px) {
  #top ,#pcNav nav,#foot  .nav{ display: none;}
  #pcNav { height: 80px;background: #fff;position: fixed;top: 0;left: 0;}
  #pcNav nav { position: absolute;top: 100px;right: 0;width: 100%;}
  #pcNav nav ul { display: block;margin-top: 0;width: 100%;background: rgba(0,0,0,.8);}
  #pcNav nav ul li { float: none;text-align: center;}
  #pcNav nav ul li.active a { border: none;}
  #pcNav nav ul li a { padding: 10px 0;border-bottom: 1px solid #fff;border-radius: 0;}
  .idxSlider .swiper-slide .text { left: 20px;}
  .idxSlider .swiper-slide a { background-position: 70% center;}
  .idxSlider .text h1,.idxSlider .text h2 { font-size: 24px;}
  .idxSlider .text h1::before { height: 2px;top: -10px;width: 25px;}
  .idxSlider .text span { width: 250px;height: 22px;}
  .idxSlider { height: 75vh;margin-top: 80px;}
  .medicine .part2,.medicine .part3 {width: 100%;}
  .reCenter { margin-bottom: 350px;}
  .reCenter .four { position: relative;display: flex;}
  .reCenter .four img{ display: inline-block;margin-right: 20%;}
  .reCenter .left .pimg { width: 340px;right: -120px;}
  .reCenter .right h1 { margin-top: 30px;}
  .reCenter .right .text { width: 92vw;position: absolute;left: -84%;border-right: none;top: 468px;padding-right:0; }
  .reCenter .right .text a{ width: 100%;text-align: center;padding: 5px 0;margin-top: 20px;bottom: -60px;}
  .ourQuality .right .text { left: 30px;width: 90%;}
  .mediService .left, .mediService .right { width: 100%;float: none;padding-right: 0;}
  .mediService .left h1 { margin: 20px 0;}
  .mediService .left a { width: 100%;text-align: center;padding: 5px 0;}
  .sonCompony .container { padding: 0;}
  .sonCompony ol li a { margin-left: 20px;}
  #foot dl { float: none;}
  #foot dl dt { background: url(../images/plus.png) no-repeat 100% center;background-size: 20px 20px;padding: 20px 0;border-bottom: 1px solid #fff;font-size: 14px;}
  #foot dl+dl { margin-left: 0;}
  #foot dl dd { font-size: 14px;margin-left: 10px;border-bottom: 1px solid #b9c2d1;color: #b9c2d1;padding-bottom: 10px;padding-left: 10px;margin-top: 10px;display: none;}
  #foot dl dt.cli { background: url(../images/equl.png) no-repeat 100% center;background-size: 20px 20px;}
  #foot .ewm { position: relative;overflow: hidden;bottom: 0;right: 0;font-size: 16px;margin-top: 20px;}
  #foot .ewm .left { float: right;}
  #foot .ewm .right { float: left;width: 60%;}
    #foot  p {color: #fff; }
  #foot .copy { margin-top: 10px;}
  #foot .copy .left ,#foot .copy .right { width: 100%;text-align: center;margin-bottom: 5px;}
  .reCenter .left p  { font-weight: normal;}
  #foot dl dt {margin-bottom: 0;}
  .medicine .content>div .text h1 { font-size: 20px;}
  #slogo { width: 150px;margin-top: 20px;}

}

@media (max-width: 670px) {
  .reCenter .left { width: 230px;}
  .reCenter .left .text { left: 20px;top: 20px;}
  .reCenter .left .pimg { width: 294px;height: 160px;bottom: 30px;}
  .reCenter .right .text { top: 370px;}
  .reCenter { margin-bottom: 260px;}
  .reCenter .right .text .msg { height: 220px;}
  .ourQuality .left { padding-top: 330px;}
  .sonCompony ol li i { padding-left: 20px;}
  .sonCompony .comslider .slick-dots li ,.sonCompony .comslider .slick-dots li button{ width: 15px;height: 15px;}

}

@media (max-width: 550px) {
  .reCenter .right h1 { font-size: 20px;margin-top: 0;}
  .reCenter .right h4 { font-size: 14px;}
  .reCenter .four img { margin-right: 5%;}
  .reCenter .left {width: 188px;}
  .reCenter .right { width: 46%;}
  .reCenter .left .pimg { width: 268px;height: 125px;bottom: 50px;}
  .reCenter .left p { font-size: 14px;}
  .reCenter .right .text { left: -120%;top: 290px;}
  .reCenter { margin-bottom: 220px;}
  .ourQuality .right .text h1 ,.mediService .left h1,.sonCompony h1{ font-size: 20px;}
  .ourQuality .left { padding-top: 280px;}
  .ourQuality .right .text ul li span { width: 45px;height: 45px;}
  .sonCompony ol li a { margin-left: 5px;padding-bottom: 10px;}
  .sonCompony ol li a span { font-size: 14px;width: 145px;display: inline-block;}
  .sonCompony ol li { width: 95%;}
.sonCompony ol li i { padding-left: 10px;}

}
@media (max-width: 480px)  {
  .reCenter { margin-bottom: 240px;}
  .reCenter .right .text .msg { height: 230px;}
  #foot dl dt { padding: 10px 0;background-size: 20px 20px;font-size: 16px;}
  .ourQuality .right .text ul { margin-left: 0;}
  .ourQuality .right .text ul li p { font-size: 12px;}
}

@media (max-width: 414px) {
  .medicine .part1 .text,.medicine .part2 .text,.medicine .part3 .text { left: 20px;}
  .reCenter { margin-bottom: 230px;}
  .ourQuality .right .text { left: 10px;}
  .ourQuality .left { padding-top: 220px;}
  #foot .ewm .left ,#foot .ewm .right { width: 100%;float: none;}
  #foot .ewm { font-size: 14px;}
  #foot .ewm .left p { font-size: 12px;}
  .idxSlider {height: 60vh;}
.sonCompony a:hover { padding-left: 0;}
.sonCompony ol li a span { width: 140px;}
.idxSlider .swiper-slide .text { bottom: 65px;}


}
@media (max-width: 400px) {
  .sonCompony ol li a span { width: 130px;}


}
@media (max-width: 375px) {
  .reCenter { margin-bottom: 240px;}
  .ourQuality .left { padding-top: 190px;}
  .idxSlider .text span { margin-top: 0;}
  .reCenter .four img { margin-top: 5px;-webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);}

}
@media (max-width: 395px) {
  .reCenter .left { width: 170px;}
  .reCenter .left .text { left: 10px;}
}


@media (max-width: 365px){
  .reCenter .left { width: 150px;}
  .reCenter .left .text { top: 10px;}
  .reCenter .left p { margin-bottom: 5px;}
  .reCenter .left .text span { width: 30px;margin-top: 0;}

  .reCenter .left .pimg { width: 235px;height: 112px;bottom: 65px;}
  .reCenter .right .text { top: 230px;}
.reCenter { margin-bottom: 210px;}
  .sonCompony ol li a span { width: 110px;}

}

@media (max-width: 340px) {
  .reCenter .left { width: 140px;}
  .reCenter .right h1 { font-size: 16px;}
  .reCenter { margin-bottom: 275px;}
}
/* - */